<template>
  <div class="vie">
      <div class="er2">
        <router-link to="era">买房</router-link>
        <router-link to="erb">租房</router-link>
        <router-link to="erc">小区</router-link>
        <span>编辑</span>
      </div>
      <router-view/>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
*{
  margin: 0;
  padding: 0;
}
.vie{
  width: 100%;
  height: .5rem;
  background: white;
}
.er2{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
}
.er2 a,.er2 span{
  width: .7rem;
  height: 100%;
  display: inline-block;
  text-align: center;
  line-height: .5rem;
  position: relative;
  font-size: .2rem;
  color: black;
}
.er2 span{
  float: right;
  font-weight: 600;
}
.er2 a.router-link-exact-active:before{
  color: black;
  font-weight: 800;
  content: "";
  width: .18rem;
  height: .03rem;
  display: block;
  background: #135ef5;
  position: absolute;
  border-radius: .1rem;
  left: .25rem;
  bottom: 0rem;
}

</style>